<template>
  <div>
    <el-form v-if="dealInfo.length" label-width="60px" >
      <div v-for="(item, i) in dealInfo" :key="item.node + i">
        <div>
          <el-divider content-position="left">{{ item.nodeName }}</el-divider>
        </div>
        <div class="row-wrap">
          <el-form-item label="任务">
            <el-input
              :value="item.taskName"
              disabled
              class="input-leng"
            ></el-input>
          </el-form-item>
          <el-form-item label="完成情况">
            <el-input :value="item.result" disabled class="input-leng" ></el-input>
          </el-form-item>
          <el-form-item label="填报人">
            <el-input :value="item.userName" disabled class="input-leng"></el-input>
          </el-form-item>
          <el-form-item label="填报日期">
            <el-input :value="item.taskOprDate" disabled class="input-leng"></el-input>
          </el-form-item>
          <el-form-item label="联系电话">
            <el-input :value="item.linkTel" disabled class="input-leng"></el-input>
          </el-form-item>
          <el-form-item label="填报期限">
            <el-input :value="''" disabled class="input-leng"></el-input>
          </el-form-item>
          <el-form-item label="完成日期">
            <el-input :value="item.taskActDate" disabled class="input-leng"></el-input>
          </el-form-item>
          <el-form-item label="备注">
            <el-input :value="item.taskComment" disabled class="input-leng"></el-input>
          </el-form-item>
        </div>
      </div>
    </el-form>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  name: "DetailDealInfo",
  props: {
    component: {
      type: Object,
      default: () => {
        return {};
      },
    },
    formData: {
      type: Object,
    },
    ruleData: {
      type: Object,
    },
    actionValue: {
      type: String,
      default: "",
    },
    span: {
      type: Number || String,
      default: 16,
    },
  },
  computed: {
    // key() {
    //   return this.component.pageTempStructId + "-" + this.component.attrId;
    // },
    ...mapState('orderDetail',['dealInfo'])
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.row-wrap {
  display: flex;
  flex-wrap: wrap;
  .el-form-item{
        margin-bottom: 4px;
  }
  .input-leng {
    width: 120px;
  }
}
</style>